

<div class="member"  style="padding: 20px;" >
    <!--设置会员管理输入处-->
    <div class="member_form">
        <h3>留言列表：</h3>
    </div>



  <div *ngIf="!show">
    <p>loading...</p>
  </div>
    <!--设置table部分-->
    <table *ngIf="show" class="table table-hover">
      <thead>
      <tr>
        <td *ngFor="let thead of theads">{{thead}}</td>
      </tr>
      </thead>
      <tbody *ngFor="let message of messages;let i = index">
      <tr>
        <td>{{message?.id}}</td>
        <td>{{message?.peopleName}}</td>
        <td>{{message?.tel}}</td>
        <td>{{message?.createTime | date:"MM/dd/y"}}</td>
        <td>
          <button class="btn btn-sm btn-primary" (click)="viewHandle(i)" >查看</button>
          <button class="btn btn-sm btn-primary" (click)="deleteHandle(message?.id)">删除</button>
        </td>
      </tr>
      </tbody>
    </table>

    <!--设置页签部分-->
    <ul class="pagination pagination-lg">
      <li *ngFor="let pageNumber of togglePageArray;let i=index;"><a href="#">{{pageNumber}}</a></li>
    </ul>

   <div [hidden]="viewMessageModal" id="member-modal">
     <div (click)="closeViewMessageModal()">关闭</div>
     <ul class="list-group" >
       <li class="list-group-item"> <span>id:</span> {{viewUniquMessage[0]?.id}}</li>
       <li class="list-group-item"> <span>公司名:</span>{{viewUniquMessage[0]?.companyName}}</li>
       <li class="list-group-item"> <span>名字:</span>{{viewUniquMessage[0]?.peopleName}}</li>
       <li class="list-group-item"> <span>留言时间:</span>{{viewUniquMessage[0]?.createTime | date:'MM/dd/y'}}</li>
       <li class="list-group-item"> <span>联系方式:</span>{{viewUniquMessage[0]?.tel}}</li>
       <li class="list-group-item"> <span>留言内容:</span>{{viewUniquMessage[0]?.content}}</li>
     </ul>
   </div>
</div>
